<template>
    <div class="">
        <van-grid :border="hasborder" icon-size="40px">
          <van-grid-item :icon="photo_1" text="收藏" to="/shoucang" />
          <van-grid-item :icon="photo_2" text="约看" to="/yuekan" />
          <van-grid-item :icon="photo_3" text="预定" to="/yuding" />
          <van-grid-item :icon="photo_4" text="秒杀" to="/miaosha" />
        </van-grid>

    <div class="discount_out">
      <div class="discount_in">
        <div>
          <div>
            <router-link to="/discount">
              <div class="discount_in_left">
                <p>优惠券</p>
                <img width="50px" height="40px" src="../assets/wode_images/wode_discount.png" />
              </div>
            </router-link>
          </div>
          <div>|</div>
          <div>
            <router-link to="/recommend">
              <div class="discount_in_right">
                <p>推荐有礼</p>
                <img width="50px" height="40px" src="../assets/wode_images/wode_recommend.png" />
              </div>
            </router-link>
          </div>
        </div>
      </div>
    </div>

    <van-swipe class="my-swipe" :autoplay="2000" indicator-color="white">
      <van-swipe-item>
        <img width="100%" src="../assets/wode_images/swipe_1.png" />
      </van-swipe-item>
      <van-swipe-item>
        <img width="100%" src="../assets/wode_images/swipe_2.png" />
      </van-swipe-item>
    </van-swipe>
    </div>
</template>
<script>
export default {
  data() {
      return {
        hasborder: false,
        photo_1: "/wode_images/wode_menu1.png",
        photo_2: "/wode_images/wode_menu2.png",
        photo_3: "/wode_images/wode_menu3.png",
        photo_4: "/wode_images/wode_menu4.png",
      };
    },
}
</script>
<style scoped>

</style>